<template>
  <div>
    <h1 v-bgred>自定义指令</h1>
    <p v-bgred v-bold>nihao1</p>
  </div>
</template>

<script>
export default {
  name:'App',
  /* 
  有的情况下,仍需对普通DOM元素进行底层操作,这时就需要用到自定义指令
  */
  directives:{
    bgred(ele){
      // 自定义指令基础用法中,第一个参数拿到当前DOM元素
      ele.style.background='red'
    }
  }
}
</script>

<style>

</style>